<!--室内导航-->
<template>
  <div>
    <FunctionlUnitFrame  @closePane="closePane">
      <template slot="title">室内导航</template>
      <template slot="content">
       <table class="ewpmtypetable">
         <tr>
           <td>
             <table>
             <tr>
               <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
               <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
               <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
             </tr>
             <tr>
               <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
               <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
               <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
             </tr>
           </table>
           </td>
           <td>
             <table>
               <tr>
                 <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
               </tr>
               <tr>
                 <td><img src="../../../static/IMG/icon/zoomin.png"/></td>
               </tr>
             </table>
           </td>
           <td><img src="../../../static/IMG/icon/zoomin.png" width="45px" height="45px"/></td>
           <td><img src="../../../static/IMG/icon/zoomin.png" width="45px" height="45px"/></td>
           <td><img src="../../../static/IMG/icon/zoomin.png" width="45px" height="45px"/></td>
         </tr>
       </table>
      </template>
    </FunctionlUnitFrame>
  </div>
</template>

<script>
  import FunctionlUnitFrame from '@/components/FunctionalUnit/FunctionlUnitFrame'
    export default {
        name: "IndoorMode",
      components:{
        'FunctionlUnitFrame':FunctionlUnitFrame
      },
      methods:{
        closePane(){
          this.$emit('closePane',false);
        }
      }
    }
</script>

<style scoped>
  .fa{
    font-size: 22px;
    margin-left: 6px;
    cursor: pointer;
  }
  .fa-trash-o{
    color: #af4040;
  }
  .layerpanel{
    width: 300px;
  }
  @media screen and (max-width: 500px){
    .layerpanel{
      width: 150px;
    }
    .fa{
      font-size: 15px;
      margin-left: 6px;
      cursor: pointer;
    }
  }
  .ewpmtypetable{
    width: 100%;
    border-collapse: separate;
    border-spacing:18px;
  }
  .ewpmtypetable tr td{
    padding-left: 0px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid white;
    width: 10%;
    cursor: pointer;
    height: 40px;
  }
  .ewpmtypetable tr td:hover{
    border: 1px solid blue;
  }
  .ewpmtypetableTdactive{
    border: 1px solid blue !important;
  }
  .nodisplay{
    display: none;
  }
</style>
